import { FC } from "react";
import { Typography ,Button} from 'antd';
import { useNavigate } from "react-router-dom";
import classnames from "classnames/bind";
import style from './pages.module.scss'
import { QUESTION_PATHNAME } from "../concats";
const CBN = classnames.bind(style)
const { Paragraph, Title } = Typography;
const HomePages:FC = () => {
    const nav = useNavigate()
    return <div className={CBN('HomePages')}>

    <Typography className={CBN('container')}>
        <Title>WELCOME</Title>
        <Paragraph>a web for </Paragraph>
        <Button size='large' type='primary' onClick={()=>{
            nav(QUESTION_PATHNAME)
        }}>开始使用</Button>
    </Typography>

    </div>
}

export default HomePages